/**
 * Created by Lenovo on 2016/11/12.
 */
$(document).ready(function(){

    var $todoAdd=$('.add');
    var $todoForm=$('.todoForm');
    var $todoThing=$('#todoThing');
    var $todoTime=$('#todoTime');
    var $todoLeader=$('#todoLeader');
    var $todoItem=$('#todoItem');
    var $finishedItem=$('#finishedItem');
    var $cancelItem=$('#cancelItem');
    var $delayItem=$('#delayItem');
    var $todoCount=$('#todoCount');
    var $confirm=$('#confirm');
    var $cancel=$('#cancel');
    var $t1=$('#t1');

    $todoForm.hide();
   /* function count(){
        var len =$todoItem.children().length;
        $todoCount.html(len>0?'现有'+len+'项todo list':'');
    }*/

    $todoAdd.click(function(e){
        $todoForm.fadeIn("fast");
        $t1.fadeOut("fast");
    });

    $cancel.click(function(e){
        $todoForm.fadeOut("fast");
        $t1.fadeIn("fast");
    });
    $confirm.click(function(e){

        var input_value='待办项：'+$todoThing.val()+'，   时间段：'+$todoTime.val()+'，   负责人：'+$todoLeader.val();
        $todoItem.append('<li>'+input_value+'&nbsp&nbsp;' +
            '<a href="#" class="toDelay">▽</a>' +'&nbsp&nbsp;'+
            '<a href="#" class="toNot">x</a>' +'&nbsp&nbsp;'+
            '<a href="#" class="toYes">√</a></li>');
        $todoThing.val('');
        $todoTime.val('');
        $todoLeader.val('');
        /*count();*/
        $todoForm.fadeOut("fast");
        $t1.fadeIn("fast");
        e.preventDefault();
    });

    $todoItem.on('click','.toNot',function(e){
        $(this).parent().appendTo($cancelItem);
       /* count();*/
        $(this).parent().find(".toDelay").remove();
        $(this).parent().find(".toYes").remove();

    });
    $todoItem.on('click','.toYes',function(e){

        $(this).parent().appendTo($finishedItem);
        $(this).parent().find(".toDelay").remove();
        $(this).remove();
    });
    $todoItem.on('click','.toDelay',function(e){

        $(this).parent().appendTo($delayItem);
        $(this).html("△");
        $(this).parent().find(".toYes").hide();

    });
    $finishedItem.on('click','.toNot',function(e){
        $(this).parent().remove();
    });

    $delayItem.on('click','.toNot',function(e){
        $(this).parent().appendTo($cancelItem);
        $(this).parent().find(".toDelay").remove();
        $(this).parent().find(".toYes").remove();
    });
    $delayItem.on('click','.toDelay',function(e){
        $(this).parent().appendTo($todoItem);
        $(this).html("▽");
        $(this).parent().find(".toYes").show();
    });
    $cancelItem.on('click','.toNot',function(e){
        $(this).parent().remove();
    });


});